<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>简易学生成绩管理系统</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="stylesheet" href="/Sys/css/layui.css">
	<link rel="stylesheet" href="/Sys/css/sign.css">
	<link rel="stylesheet" href="/Sys/js/css/modules/layui-icon-extend/iconfont.css">
	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" href="/Sys/css/font.css">
	<link rel="stylesheet" href="/Sys/css/xadmin.css">
	<style>
		/* 全局样式 */
		body {
			font-family: 'Noto Sans SC', sans-serif;
			background-color: #f5f7fa;
			color: #333;
		}

		/* 顶部导航栏 */
		.container {
			background: linear-gradient(135deg, #5FB878 0%, #4CAF50 100%);
			box-shadow: 0 2px 10px rgba(95, 184, 120, 0.3);
		}

		.logo a {
			color: white;
			font-size: 18px;
			font-weight: 500;
		}

		.logo img {
			height: 30px;
			vertical-align: middle;
			margin-right: 10px;
		}

		.left_open i {
			color: white;
		}

		/* 右侧用户菜单 */
		.layui-nav {
			background: transparent;
		}

		.layui-nav .layui-nav-item a {
			color: white;
		}

		.layui-nav .layui-nav-item a img {
			width: 30px;
			height: 30px;
			border-radius: 50%;
			margin-left: 10px;
		}

		.layui-nav-child {
			background-color: rgba(255, 255, 255, 0.95);
			border-radius: 5px;
			box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
		}

		.layui-nav-child a {
			color: #666 !important;
		}

		.layui-nav-child a:hover {
			color: #5FB878 !important;
		}

		/* 左侧菜单栏 */
		.left-nav {
			background: linear-gradient(135deg, rgba(95, 184, 120, 0.1) 0%, rgba(255, 255, 255, 0.9) 100%);
			border-right: 1px solid rgba(95, 184, 120, 0.1);
		}

		#nav {
			background-color: rgba(95, 184, 120, 0.1);
		}

		#nav > li > a {
			color: #5FB878;
			border-left: 4px solid transparent;
			transition: all 0.3s;
		}

		#nav > li > a:hover {
			background-color: rgba(95, 184, 120, 0.2);
		}

		#nav > li > a i {
			color: #5FB878;
		}

		#nav > li > a cite {
			color: #5FB878;
		}

		#nav > li.layui-this > a {
			background-color: #5FB878 !important;
			color: white !important;
			border-left: 4px solid #3a8b4e;
		}

		#nav > li.layui-this > a i,
		#nav > li.layui-this > a cite {
			color: white !important;
		}

		.sub-menu {
			background-color: rgba(255, 255, 255, 0.9);
		}

		.sub-menu li a {
			color: #666 !important;
		}

		.sub-menu li a:hover {
			color: #5FB878 !important;
			background-color: rgba(95, 184, 120, 0.1) !important;
		}

		.sub-menu li.layui-this a {
			color: #5FB878 !important;
			font-weight: 500;
		}

		/* 右侧主体内容 */
		.page-content {
			background-color: #f5f7fa;
		}

		.layui-tab-title {
			background-color: white;
			box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
		}

		.layui-tab-title .home {
			color: #5FB878;
		}

		.x-iframe {
			background-color: white;
			border-radius: 5px;
			box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
		}

		/* 底部 */
		.footer {
			background-color: white;
			color: #666;
			border-top: 1px solid rgba(95, 184, 120, 0.1);
		}

		/* 背景图片容器 */
		.left-nav div[style*="background-image"] {
			background-size: cover !important;
			background-position: center !important;
			opacity: 0.8;
		}
	</style>
	<script type="text/javascript" src="/Sys/js/jquery-3.3.1.min.js"></script>
	<script src="/Sys/lib/layui/layui.js" charset="utf-8"></script>
	<script type="text/javascript" src="./js/xadmin.js"></script>
</head>
<body>
<!-- 顶部开始 -->
   <div class="container">
	  <div class="logo">
	     	<a href="./index.html"><img border="0" src="/Sys/images/ctbu.png"> 学生成绩管理系统</a>
	  </div>
	  <div class="left_open">
		  <i title="展开左侧栏" class="iconfont">&#xe699;</i>
	   </div>
		<ul class="layui-nav right" lay-filter="">
			<li class="layui-nav-item"><a href="javascript:;">当前用户：<span
					th:text="${session.name}"></span><img
					th:src="@{/uploads/{filename}(filename=${session.photo})}"
					th:if="${session.account!='admin'}" /> <img
					th:src="@{/Sys/images/teacher.png}" th:if="${session.account=='admin'}" /></a>
				<dl class="layui-nav-child">
					<!-- 二级菜单 -->
					<dd>
						<a onclick="x_admin_show('个人信息','http://www.baidu.com')">个人信息</a>
					</dd>
					<dd>
						<a href="loginView">切换帐号</a>
					</dd>
					<dd>
						<a href="loginOut">退出</a>
					</dd>
				</dl></li>
		</ul>
	</div>
	<!-- 顶部结束 -->
	<!-- 中部开始 -->
	<!-- 左侧菜单开始 -->
	<div class="left-nav">
		<div id="side-nav" style="width: 100%; height: 57%">
			<ul id="nav">

				<li><a href="javascript:;"> <i class="iconfont">&#xe726;</i>
						<cite>用户管理</cite> <i class="iconfont nav_right">&#xe697;</i>
				</a>
					<ul class="sub-menu">
						<li><a _href="stuInfo"> <i class="iconfont">&#xe6a7;</i>
								<cite>已注册学生管理</cite>
						</a></li>


						<li><a _href="teacherInfo"> <i class="iconfont">&#xe6a7;</i>
								<cite>已注册教师管理</cite>
						</a></li>
					</ul></li>




<!--				<li><a href="javascript:;"> <i-->
<!--						class="iconfont layui-icon-extend-chengji"></i> <cite>接口调试</cite>-->
<!--						<i class="iconfont nav_right">&#xe697;</i>-->
<!--				</a>-->
<!--					<ul class="sub-menu">-->
<!--						<li><a _href="http://localhost:8080/swagger-ui.html#/"> <i-->
<!--								class="iconfont">&#xe6a7;</i> <cite>学生接口调试</cite>-->
<!--						</a></li>-->


<!--						<li><a _href="http://localhost:8080/swagger-ui.html#/"> <i-->
<!--								class="iconfont">&#xe6a7;</i> <cite>教师接口调试</cite>-->
<!--						</a></li>-->

<!--					</ul></li>-->



				<li><a href="javascript:;"> <i class="iconfont">&#xe6b8;</i>
						<cite>检查成绩</cite> <i class="iconfont nav_right">&#xe697;</i>
				</a>
					<ul class="sub-menu">
						<li><a _href="claCouScore"> <i class="iconfont">&#xe6a7;</i>
								<cite>班级科目成绩</cite>
						</a></li>
					</ul>
				<li>
			</ul>
		</div>
		<div
			style="background-image: url('/Sys/images/ctbulib.png'); width: 100%; height: 43%; bottom: 0; background-repeat: no-repeat;"></div>
	</div>
	<!-- <div class="x-slide_left"></div> -->
	<!-- 左侧菜单结束 -->
	<!-- 右侧主体开始 -->
	<div class="page-content">
		<div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="false">
			<ul class="layui-tab-title">
				<li class="home"><i class="layui-icon">&#xe68e;</i>我的桌面</li>
			</ul>
			<div class="layui-tab-content">
				<div class="layui-tab-item layui-show">
					<iframe src='welcome' frameborder="0" scrolling="yes"
						class="x-iframe"></iframe>
				</div>
			</div>
		</div>
	</div>
	<div class="page-content-bg"></div>
	<!-- 右侧主体结束 -->
	<!-- 中部结束 -->
	<!-- 底部开始 -->
	<div class="footer">
		<div class="copyright" style="text-align: center;">Copyright
			WonderfulMorty</div>
	</div>
	<!-- 底部结束 -->

<style>
	/* 底部样式修改为绿色 */

	.footer {
		background-color: #ced8d3; /* 改为绿色背景 */
		color: white; /* 文字改为白色 */
		border-top: 1px solid rgba(255, 255, 255, 0.2); /* 边框改为浅色 */
		box-shadow: 0 -2px 10px rgba(95, 184, 120, 0.3); /* 添加绿色阴影 */
	}

	.copyright {
		text-align: center;
		font-weight: 500; /* 加粗字体 */
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); /* 添加文字阴影 */
	}
	/* 添加悬浮效果的CSS */
	.left-nav {
		transition: all 0.3s ease;
		z-index: 999;
	}

	.left-nav:hover {
		box-shadow: 0 0 20px rgba(95, 184, 120, 0.3);
		transform: translateY(-5px);
	}

	#nav > li {
		transition: all 0.3s ease;
	}

	#nav > li:hover {
		background-color: rgba(95, 184, 120, 0.2);
		transform: translateX(5px);
	}

	#nav > li > a {
		transition: all 0.3s ease;
	}

	#nav > li > a:hover {
		transform: translateX(5px);
	}

	.sub-menu li {
		transition: all 0.2s ease;
	}

	.sub-menu li:hover {
		transform: translateX(5px);
	}

	/* 背景图片的悬浮效果 */
	.left-nav div[style*="background-image"] {
		transition: all 0.3s ease;
	}

	.left-nav:hover div[style*="background-image"] {
		opacity: 1;
		transform: scale(1.02);
	}
</style>

<script>
	//百度统计可去掉
	var _hmt = _hmt || [];
	(function() {
		var hm = document.createElement("script");
		hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
		var s = document.getElementsByTagName("script")[0];
		s.parentNode.insertBefore(hm, s);
	})();

	// 初始化左侧菜单
	layui.use(['element', 'layer'], function(){
		var element = layui.element;
		var layer = layui.layer;

		// 监听导航点击
		element.on('nav(nav)', function(elem){
			layer.msg(elem.text());
		});
	});
</script>
</body>
</html>